<template>
	<view class="">
		<form @submit="formSubmit">
					<scroll-view scroll-y>
						
						
						<view class="rows">
							<view class="uni-title uni-common-pl">奖励信息</view>
										<view class="uni-textarea">
											<textarea placeholder-style="color:#F76260" placeholder="输入奖励信息" name="reward" :value="reward"/>
										</view>
						</view>
						
						<view class="rows">
							<view class="uni-title uni-common-pl">惩罚信息</view>
										<view class="uni-textarea">
											<textarea placeholder-style="color:#F76260" placeholder="输入惩罚信息" name="punishment" :value="punishment" />
										</view>
						</view>
						
						
						
						
						
				</scroll-view>		
						<view class="uni-btn-v">
							<button form-type="submit" class="but">确认提交</button>
						
						</view>
		</form>
	</view>
</template>

<script setup>
import { ref } from 'vue';
const reward =ref('何时何地得到奖励');//奖励信息
const punishment =ref('何时何地得到惩罚');//惩罚信息


const formSubmit = (e)=>{
	console.log(e);
}




</script>

<style lang='scss' scoped>
	 scroll-view{
	 	height:73vh;
	 	padding: 20rpx 0;
	 }
	 .rows{
	 	padding: 30rpx 0;
		.uni-title{
			color: $xx-color-body;
			font-weight: 600;
		}
		.uni-textarea{
			border: 1rpx solid $xx-color-body;
		}
	 }
	 
	 .but{
	 			width: 500rpx;
	 			height: 80rpx;
	 			border-radius: 40rpx;
	 			background: $xx-color-body;
	 			color: #fff;
	 }
	 button::after{ border: none;}
	 button{
	 	line-height:80rpx;
	 }      
</style>